<template>
    <div class="integral">
        <!-- 积分 -->
        <Header to='/personal' title="我的积分"></Header>
        <el-tabs v-model="activeName" @tab-click="handleClick" class="integral-content">
            <el-tab-pane label="已获取" name="first">
                <!-- 已获取 -->
            </el-tab-pane>
            <el-tab-pane label="已使用" name="second">
                <!-- 已使用 -->
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import Header from '../common/Header'
export default {
  components: {
    Header
  },
  data () {
    return {
      activeName: 'second'
    }
  },
  methods: {
    handleClick (tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../../assets/styles/global";
.integral {
    width: 100%;
    .integral-content {
        padding-left: 12px;
    }
}
</style>
